*{
  margin:0;padding:0;box-sizing:border-box;
  font-family: STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;
}
.header{
  display:flex;background:#D44040;
  justify-content:space-between;
  align-items:center;padding:12px 15px;
  .head-cont{
    display:flex;align-items:center;
    .img2{
      margin-left:0.1rem;
    }
  }
  .head-left{a{
    display:flex;align-items:center;
  }}

  .head-right{a{
      display:flex;align-items:center;
    }
  }
}
.nav{
  width: 100%;
  overflow: hidden;
  background:#F4F5F6;
  ul{
    display:flex;width:720px;
    font-size:17px;
    li{
      margin:8px 0 10px 5px;
      padding:10px;height:10px;
      display:flex;align-items:center;
    }
  }
  .show{
    width:10px;height:38px;background-image:url(../../img/show.png);
    background-size:100% 100%;background-repeat:no-repeat;
    position:absolute;right:40px;top:49px;z-index:10;
  }
  .add{
    position:absolute;z-index:5;right:0px;
    background:#F4F5F6;padding:2px 12px;top:56px;
    .x{height:17px;width:2px;background:#f85959;
      font-size:30px;left:8px;position: relative;
    }
    .y{width:18px;height:2px;background:#f85959;
      font-size:30px;right:80%;position: relative;
      top:-9px;left:0;
    }
  }
}
.content{
  padding:5px 15px;
  ul{
    border-bottom:1px solid #eee;
    padding:10px 0;
    .cont-head{
      font-size:16px;color:#000;
      padding:5px 0;
    }
    .cont-wrapp{
      display:flex;justify-content:space-between;
      div{
        width:5rem;height:1.8rem;overflow:hidden;
        img{width:100%;}
      }
    }
    .cont-foot{
      font-size:12px;padding:5px 0;
      button{
        font-size:12px;background:#fff;
        color:#2a90d7;border:1px solid #2a90d7;
        border-radius:2px;
      }
    }
  }
}
